<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度</title>
</head>
<!--
           <h1>--<h6>:标题，标题独立占一行，分别表示1级-6级标题
           <center>:居中显示，该标签在html5中已经不再建议使用了。
           <input>:输入组件，该组件用来在页面上获取用户的输入。
                   该组件有一个重要的属性:type，用来指定组件的样子。
                   常见的值有:
                   type="text":文本框
                   type="password":密码框
                   type="radio":单选框
                   type="checkbox":复选框
                   type="button":按钮

                    <br>:换行
           <a>:超链接，标签中间的文本就是超链接上显示的内容，href属性用于指定点击后
               跳转的路径。
           <table>标签:表格。属性border用于指定边框。
                    <table>标签中包含<tr>标签用于表示行
                    <tr>标签中包含<td>标签用于表示列
                    <td>标签中常见属性:
                    align:对其方式。left左对齐,right右对齐,center剧中对其
                    colspan:跨列合并列，合并是从左向右合并列
                    rowspan:跨行合并列，合并是从上向下合并列
                    在html页面上我们可以指定一个资源的路径以便加载或使用。例如超链接，图片
等标签上常常会指定一个路径。
路径有两种:
1:相对路径
页面上使用"./"表示当前目录时，由于html是被浏览器解释的，因此该路径
不能与在java源代码中使用"./"混淆(实际表示的路径不相同!)
浏览器在解释页面上的"./"时，是根据请求当前页面时URL中该页面所在的
目录:
例如:
请求当前首页。我们在浏览器输入的地址为:
http://localhost:8088/myweb/index.html
那么在index.html页面中若使用了"./"路径，则浏览器理解的实际位置:
http://localhost:8088/myweb/
因此若页面上<img src="./logo.png">
浏览器实际理解的该图片路径为:
http://localhost:8088/myweb/logo.png

相对路径在进行内部转发操作时可能导致定位失效。
http://localhost:8088/myweb/index123.html
404页面上
<img src="./404.png">
http://localhost:8088/myweb/404.png



"./"是URL中抽象路径中最后一个"/"的位置
"/"是URL中抽象路径中第一个"/"的位置
2:绝对路径
"/":根。指的位置是URL当中抽象路径开始的"/"
举例:                 v
http://localhost:8088/myweb/index.html
|----抽象路径-----|
在index.html页面上:
<img src="/myweb/logo.png">
^就是绝对路径中"/",对应URL中抽象路径部分起始的"/":
http://localhost:8088/myweb/index.html
^
因此，浏览器理解该图片的实际位置:
http://localhost:8088/myweb/logo.png

       -->




<body background="">
    <center>

       <!-- <h1>百度</h1>-->
        <img src="/myweb/logo.png"><br>
        <input type="text" size="32">
        <input type="button"  value="百度一下" ><br>
        <!-- 单选框和复选框可以用name属性将其划分为一组，名字相同的为一组。 -->
        <input type="radio" name="gender">男  <input type="radio" name="gender">女<br>
        <a href="/myweb/writeArticle.html">写文章</a><br>
        <a href="/myweb/showAllUser">用户列表</a><br>
        <a href="/myweb/showAllArticle">文章列表</a><br>
        <a href="/myweb/reg.html">注册</a>
        <a href="/myweb/login.html">登录</a><br>
        <a href="http://www.jd.com" >京东</a>
        <a href="http://doc.canglaoshi.org">苍老师</a><br>

        <table border="1">
            <tr>
                <td>1</td>
                <td>1</td>
                <td colspan="2" align="center">1</td>

            </tr>
            <tr>
                <td>1</td>
                <td rowspan="2">1</td>
                <td>1</td>
                <td>1</td>
            </tr>
            <tr>
                <td>1</td>
                <td>1</td>
                <td>1</td>
            </tr>
        </table>

    </center>

</body>
</html>